<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		<title>Reserva de citas médicas en línea</title>
		<meta http-equiv="Pragma" content="no-cache">
		<!-- ESTILOS -->
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<!-- / ESTILOS -->
	</head>
<body>

	<div id="general">

		<div id="secuencia">
			<ul>
				<li><strong>1. Ingreso usuario</strong></li>
				<li>2. Opciones</li>
			</ul>
		</div>

		<div class="clear"></div>

		<hr />

		<center>
			<p>
			Los datos marcados con (*) son obligatorios.
			<table border=0>
			<tr><td colspan="2" height="20"></td></tr>
                        <form action="login.htm" method="post">
			<tr>
				<td class="izq">DNI *</td>
				<td class="izq">:&nbsp;<input class="izq" type="text" id="dni" name="dni" size="10" maxlength="8"></td>
			</tr>
			<tr>
				<td class="izq">Contraseña *</td>
				<td class="izq">:&nbsp;<input class="izq" type="password" id="contrasena" name="contrasena" size="10" maxlength="8"></td>
			</tr>
			<tr><td colspan="2" height="10"></td></tr>
			<tr>
				<td colspan="2" align=center>
                                        <input name="submit" type="image" src="img/b_aceptar.gif" value="aceptar" />
				</td>
			</tr>
			<tr><td colspan="2" height="20"></td></tr>
                        </form>
			</table>
		</center>

		<hr />

	</div>

</body>

</html>